<template>
  <div class="help-center-page">
    <div class="help-title-row">
      <span class="help-desc">欢迎来到帮助中心</span>
    </div>
    <ChatWindow />
  </div>
</template>

<script setup lang="ts">
import ChatWindow from '@/components/ChatWindow.vue'
</script>

<style scoped>
.help-center-page {
  max-width: 800px;
  margin: 40px auto;
  background: linear-gradient(180deg, #f6e4e4 60%, rgba(255,255,255,0.7) 100%);
  border-radius: 12px;
  box-shadow: 0 2px 16px rgba(0,0,0,0.06);
  padding: 32px;
}
.help-title-row {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 24px;
}
.help-desc {
  font-size: 1.3rem;
  color: #4FC08D;
  font-weight: bold;
  white-space: pre-line;
}
</style> 